import React from "react"
import { Divider } from 'antd';
import HeaderMenu from "./headerMenu";
import Login from "./login"
import Logo from "./logo.tsx"




const Header:React.FC = ()=>{
    const nowUrl = window.location.href
    let class_name:string;
    if(nowUrl === "http://localhost:3000/"){
        class_name="w-full leading-6 z-30 px-2.5  overflow-auto"
    }else{
        class_name="w-full leading-6 z-30 px-2.5  overflow-auto bg-sky-600"
    }

    return (
        <>
            <div className={class_name}>
                <Logo/>
                <Login/>
                <HeaderMenu/>
                <Divider style={{ borderColor: '#FFFFFF',borderTopWidth:"3px",marginBottom:"0px"}}></Divider>
            </div>
        </>
    );
}
export default Header;
